<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>安居速递</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<!-- <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> -->

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="static/trans/css/jumbotron-narrow.css">
<style>
	.h4title {
		color:blue;
	}
</style>
<script>
	function searchOrders() {
		var orders = $('#orderTxt').val();
		window.location.href = "transPortal.action?orderSearch&orders="+orders;
	}
</script>
</head>
<body>
	<div class="container">
		<!-- 头部 -->
		<#include "header.html">
		<div class="row marketing" >
			<div class="col-lg-4" style="background-color: #f3f3f3;  height: 120px;">
				<h4 class="h4title">联系我们</h4>
				<p>
					电话：13950019111
				</p>
				<p>
					邮箱：59035600@qq.com	
				</p>
			</div>

			<div class="col-lg-8">
				<img src="static/trans/images/title5.jpg" width="100%"/>
			</div>
		</div>
		<div class="row marketing" >
			<div class="col-lg-12">
				<h4 class="h4title">货物追踪</h4>
				<p>
				  <textarea id="orderTxt" class="form-control" rows="3" placeholder="请输入运单号，多个单号用换行表示">${orders!}</textarea>
				</p>
				<p><a href="#" class="btn btn-primary" role="button" onclick="searchOrders()">查询</a></p>
				<h4 class="h4title">货物追踪结果</h4>
				<table class="table table-bordered">
				   <thead>
				      <tr>
				         <th>运单号</th>
				         <th>货物名称</th>
				         <th>起运地</th>
				         <th>目的地</th>
				         <th>跟踪时间</th>
				         <th>跟踪信息</th>
				      </tr>
				   </thead>
				   <tbody>
				   	  <#list items as item>
				   	  	  <tr>
					         <td>${(item.orderNo)!}</td>
					         <td>${(item.goodsName)!}</td>
					         <td>${(item.startWebsite)!}</td>
					         <td>${(item.endWebsite)!}</td>
					         <td>${(item.trackTime)!}</td>
					         <td>${(item.trackInfo)!}</td>
					      </tr>
				   	  </#list>
				      
				    
				   </tbody>
				</table>
			</div>
		</div>
		
		<!-- 底部 -->
		<#include "footer.html">
	</div>

</body>
</html>